*{
    margin: 0;
    padding: 0;
}
html,body {
    margin:0;
    padding:0;
    color: #333333;
    font: normal 10pt Arial,Helvetica,sans-serif;
    height:100%; /* Все родительские (для .box) элементы должны иметь 100% высоту. Это нужно для прижатия footer'a к низу экрана. */

}
body {
    min-width:760px; /* Минимальная ширина для страницы. Чтобы верстка не разваливалась при сужении размеров окна просмотра. */
    margin:0 auto;
    padding: 0;
}
.box {
    padding-right:0px; /* Ширина рамки у нас 12px, поэтому делаем отступ для нее */
    height:auto !important; /* Так задается минимальная высота в 100% для данного блока */
    min-height:100%;
    height:100%;
    overflow:hidden; /* Важное свойство, обрезается все, что выходит за рамки блока .box */
    position:relative; /* В данном случае мы будем абсолютно позиционировать подвал относительно .box, поэтому назначаем ему данное свойство */
}
.bi {
    padding-left:0px;
    position:relative;
}
.bt {
    margin:0 -0px;

}

.bb {
    height:17px;
    background:#fff; /* Нижняя правая */
    position:relative;
    margin-top:-17px;
    right:0;
    font-size:1px;
}
.bb div {

}

.content {
    padding:0 0px;
    position:relative;
    overflow:hidden;
    padding-bottom:1000em; /* А при помощи этого нехитрого трюка мы сделаем колонки одинаковой высоты */
    margin-bottom:-1000em;
}

/* ###################### Основное содержимое ###################### */

.line {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    overflow:hidden;
    padding-bottom:1000em;
    margin-bottom:-1000em;
}
.item {
    position: relative;
    float: left;
    overflow:hidden;
    left: 100%;
    padding-bottom:1000em;
    margin-bottom:-1000em;
}
.sap-content {
    overflow:hidden;
    padding:40px 0px;
    padding-left: 100px;
    padding-bottom: 80px;
}
.sap-content1 {
    overflow:hidden;
    text-align: left;
    padding:40px 15px;
}
#item1 {
    margin-left:-100%;
    width:100%;
}
#item1b {
    margin-left:-100%;
    width:100%;
    background: #fff url('../images/background.jpg') left repeat-y;
}
#item1 .sap-content, #item1b .sap-content {
    margin-right: 21%;
}
/* Левая боковая колонка */
#item2 .sap-content {
    margin: 0;
    width:100%;
}
#item2 {
    margin-left:-100%;
    width:100%;
    background: #fff url('../images/background.jpg') left repeat-y;
    padding-left: 60px;
}
/* Правая боковая колонка */
#item3 {
    border-left: 2px solid #F8F5FC;
    margin-left:-20%;
    width:20%;
    background: #fff;

}
#item1 .sap-content,#item2 .sap-content,#item3 .sap-content {
    padding-bottom:5em; /* Отступ снизу равный высоте подвала */
}

#header,#footer {
    margin:0px;
    position:relative;
    background-color:#fff;
    text-align:center;
}
#footer .sap-content{
    padding: 0;
    padding-top: 15px;
}
#footer {
    margin-top:-5em; /* Поднимаем подвал  */
    border-top: 1px solid #537274;
    background: #E1E7EF;
    height: 4em;
    padding-bottom: 13px;
    color: #537274;
    bottom: 0;
}

/* Дополнительные стили */
div#hidden,div#hidden1,div#hidden2 {
    display:none;
}
#logo{
    background:  #51BD1D url('../images/stripe.png');
    color: #fff;
    font-size:22pt;
    line-height:1.6;
    text-shadow:0 -1px 0 #616144;
    border-top: 3px solid #42A514;
    border-bottom: 3px solid #42A514;
    text-align: left;
    padding-left: 100px;
    padding-top: 15px;
    font-weight: bold;
}
#counter{
    text-align: right;
    float: right;
    margin-right: 30px;
    text-align: center;
    margin-top: 9px;
}
#counter div{
    text-align: right;
    padding-right: 10px;
}
#counter h6{
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: bold;
}